.main_color { color: var(--main-color) !important; }
.sub_color { color: #20f18c; }

.hover_main_color:hover { 
    background: linear-gradient(to bottom, #fff, var(--main-color));
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent;
}
.hover_main_bgc:hover { background-color: var(--main-color) !important; }
.hover_main_border:hover { border: 1px solid var(--main-color) !important; border-radius: 5px; }

.theme_color_green { color: #52f355; }
.theme_color_orange { color: #f2dc39; }

.main_bgc_color { background-color: var(--main-color); }

.active_color { color: var(--main-color) !important; }
.active_btn { color: var(--main-color) !important; font-weight: bold; }
.active_bgc { background-color: var(--main-color) !important; background-clip: .5; }

.el_tooTip_bgc { background-color: rgba(11, 135, 236, 0.565) !important; background-clip: .5; }

/* 欢迎 */
.welcome_bgi { 
    background-image: var(--welcome-bgi); 
    background-size: 100% 100%;
    background-color: #000;
}

/* 头部背景图 */
.header_bgi { background-image: var(--header-bgi); background-size: 100% 100%; }
.header_bgi2 { background-image: var(--header-bgi2); background-size: 100% 100%; }

/* 内容区域背景图 */
.body_bgi { background-image: var(--home-bgi); background-size: 100% 100%; }

/* 图表、列表 背景图 */
/* .chart_box_bgi_1 { background-image: var(--chart-bgi); } */
.chart_box_bgi_1 { background-color: #222835; border: 1px solid #03060B; }
.chart_box_bgi_2 { background-color: #3E4453; }

.title_bgi1 { background-image: var(--title-bgi1); background-size: 100% 100%; }
.title_bgi2 { background-image: var(--title-bgi2); background-size: 100% 100%; }

/* .list_box_bgi_1 { background-image: var(--column--chart-bgi); background-color: rgba(var(--sub-color), 0.2); } */
.list_box_bgi_1 { background-color: #001531; border: 1px solid #022b64; }

.main_border { border: 1px solid #E4CFBB !important; }

/* user 头像 */
.user_avatar { background-image: var(--user-bgi); }

.border_b_1_s_main_color { border-bottom: 1px solid #E4CFBB !important; }


